﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://wubiyu.cnblogs.com">
<head>
    <title></title>
     <link href="Theme/DomExtGray/gray.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="domExt.js"></script>
        <script type="text/javascript" src="json2.min.js"></script>
</head>
<body>
<div id="test" style=" border: 1px solid #666666; position: absolute; width: 0px; height: 0px; top: 100px; left: 20px; background-color: #CCCCFF; width:100px; height:0px;"></div>
<div id="msg">
</div>
<!--<div style=" background-color:Red; width:100px; height:100px; position:absolute;z-index:z-index: 1000;">
aklsdjflkasjldfj
<div style=" background-color:Blue; width:1000px; height:100px; position:absolute; z-index:1000;">dd
</div>
-->
</div>
<h:btn onclick="btn_onclick();">test</h:btn> <h:btn onclick="btn_onclick2();">test2</h:btn>
    <script type="text/javascript">
          function btn_onclick() {
              _g("#test").Animate({ top: "0,150,px", left: "+0,px", height: "+200,px",width:"0,100,px"}, 10);
          }
          function btn_onclick2() {
              _g("#test").Animate({ top: "150,0,px", left: "-0,px", height: "-200,px", width: "100,0,px" }, 10);
          }
    </script>


</body>
</html>
